<template>
  <div style="height: 100vh;overflow: hidden;">
    <Header />

    <n-layout has-sider style="height: 88%;">
      <Menu />
      <n-layout-content content-style="padding: 20px;">
        <RouterView></RouterView>
      </n-layout-content>
    </n-layout>
    <n-layout-footer bordered style="height: 45px;">
      <Footer />
    </n-layout-footer>
  </div>
</template>

<script setup>
import Menu from '@/components/layout/menu.vue'
import Footer from '@/components/layout/footer.vue'
import Header from '@/components/layout/header.vue'

</script>

<style lang="less">
.main-page {
  overflow: hidden;
  width: 100vw;
  height: 100vh;
  background-color: grey;
}
</style>